<template>
    <div class="cancelledOrder">
        <div class="container">
            <p>没有相关的记录</p>
            <p>这里是已取消订单</p>
            <p>这里是已取消订单</p>
            <p>这里是已取消订单</p>
        </div>

        <!-- 分页器 -->
        <div class="block">
            <el-pagination
                :page-size="10"
                layout="prev, pager, next, jumper"
                :total="20"
            >
            </el-pagination>
        </div>
    </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.cancelledOrder {
    .container {
        font-size: 13px;
        color: #666;
        text-align: center;
        line-height: 50px;
        width: 100%;
        border-bottom: 1px solid #e6e6e6;
        margin-bottom: 24px;
    }
    .block {
        float: right;
        margin-top: 10px;
        margin-right: 40px;
    }
}
</style>
